import React, { Component } from 'react'
import store from './redux/store'
import Count from './containers/Count'

// 背景：
// 因为 redux 并不是 Facebook 团队出品的依赖库，但是 react 项目中大多都使用它，
// 于是 Facebook 团队推出了 react-redux

// 注意：
// 容器组件与UI组件解析：
// 1. 传统一般组件理解为 UI 组件
// 2. UI 组件必须在容器组件内引入，而容器组件一般存放于 containers 文件下
// 3. 在容器组件内引入连接器并导出容器组件
//    import { connect } from 'react-redux'
//    import Count from '../../component/Count'
//    export default connect()(Count)
// 4. 把容器组件作为一般组件放在父组件容器内
// 5. 把 store 作为属性通过 props 传入
//    import React, { Component } from 'react'
//    import store from './redux/store'
//    import Count from './containers/Count'
//    export default class App extends Component {
//      render() {
//        return (
//          <div>
//            <Count store={store} />
//          </div>
//        )
//      }
//    }

export default class App extends Component {
  render() {
    return (
      <div>
        <Count store={store} />
      </div>
    )
  }
}
